<%--
  Created by IntelliJ IDEA.
  User: zhang
  Date: 2020-11-04
  Time: 16:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>跟踪信息</title>
    <%--<link rel="shortcut icon" href="/favicon.ico">--%>
    <link href="<%=path%>/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="<%=path%>/static/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="<%=path%>/static/css/animate.css" rel="stylesheet">
    <link href="<%=path%>/static/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="<%=path%>/static/layui/css/layui.css" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <input type="text" name="title" style="width: 200px;display: inline;" required lay-verify="required" placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
                            <button type="button" class="layui-btn"  style="display: inline" fl>搜索</button>



                        </div>
                        <div class="ibox-title">
                            <button id="add" class="layui-btn-sm layui-btn layui-btn-radius btnys btnupdate"
                                    style="background-color: #1C84C6;color: white;"><i
                                    class="layui-icon">&#xe608;</i>添加</button>
                            <button class="layui-btn layui-btn-sm" id="btn-expand"
                                    style="background-color: #FF5823;color: white;">删除</button>
                        </div>
                        <div class="ibox-content">
                            <div class="row">
                                <div class="col-sm-5 m-b-xs">

                                </div>
                                <div class="col-sm-4 m-b-xs">


                                </div>
                                <div class="col-sm-3">


                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>

                                        <th></th>
                                        <th>序号</th>
                                        <th>申请人</th>
                                        <th>日期</th>

                                        <th>操作</th>
                                        <th>备注</th>
                                    </tr>
                                    </thead>
                                    <tbody>
<%--                                    <c:forEach items="" varStatus="stat" var="">--%>

                                        <c:forEach items="${requestScope.al}" var="a">
<tr>
                                        <td>
                                            <input type="checkbox" checked class="i-checks" name="input[]">
                                        </td>
                                        <td>1</td>
                                        <td>张三</td>
                                        <td>${a.money}
                                        </td>
                                        <td>

                                            <a class="layui-btn layui-btn-xs btnupdate" lay-event="edit" style="width:57px;height:22px"><i class="fa fa-pencil-square-o"></i>编辑</a>
                                            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" lay-event="del" style="width:57px;height:22px"><i class="fa fa-trash-o" ></i>删除</a>

                                        </td>
                                        <td>
                                            <button type="button"
                                                    class="btn btn-primary btn-xs btnselct">备注详情</button>

                                        </td>
</tr>
                                        </c:forEach>

<%--                                    </c:forEach>--%>

                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>



        <!-- 全局js -->
        <script src="<%=path%>/static/js/jquery.min.js?v=2.1.4"></script>
        <script src="<%=path%>/static/js/bootstrap.min.js?v=3.3.6"></script>
        <script src="<%=path%>/static/js/plugins/layer/layer.min.js"></script>

        <!-- 自定义js -->
        <script src="<%=path%>/static/js/content.js"></script>
        <script src="<%=path%>/static/js/demo/sparkline-demo.js"></script>

        <!-- 欢迎信息 -->
        <script src="<%=path%>/static/js/welcome.js"></script>
        <!-- --------->
        <script src="<%=path%>/static/js/jquery.min.js?v=2.1.4"></script>
        <script src="<%=path%>/static/js/bootstrap.min.js?v=3.3.6"></script>



        <!-- Flot -->
        <script src="<%=path%>/static/js/plugins/flot/jquery.flot.js"></script>
        <script src="<%=path%>/static/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
        <script src="<%=path%>/static/js/plugins/flot/jquery.flot.spline.js"></script>
        <script src="<%=path%>/static/js/plugins/flot/jquery.flot.resize.js"></script>
        <script src="<%=path%>/static/js/plugins/flot/jquery.flot.pie.js"></script>

        <!-- Peity -->
        <script src="<%=path%>/static/js/plugins/peity/jquery.peity.min.js"></script>
        <script src="<%=path%>/static/js/demo/peity-demo.js"></script>

        <!-- 自定义js -->
        <script src="<%=path%>/static/js/content.js?v=1.0.0"></script>


        <!-- jQuery UI -->
        <script src="<%=path%>/static/js/plugins/jquery-ui/jquery-ui.min.js"></script>

        <!-- GITTER -->
        <script src="<%=path%>/static/js/plugins/gritter/jquery.gritter.min.js"></script>

        <!-- EayPIE -->
        <script src="<%=path%>/static/js/plugins/easypiechart/jquery.easypiechart.js"></script>

        <!-- Sparkline -->
        <script src="<%=path%>/static/js/plugins/sparkline/jquery.sparkline.min.js"></script>

        <!-- Sparkline demo data  -->
        <script src="<%=path%>/static/js/demo/sparkline-demo.js"></script>

        <script src="<%=path%>/static/js/demo/sparkline-demo.js"></script>
        <script src="<%=path%>/static/layui/layui.all.js"></script>
        <script>

            $(function () {
                $(".btnselct").click(function () {
                    layer.tab({
                        area: ['600px', '300px'],
                        tab: [{
                            title: '完成',
                            content: '挺好'
                        }]
                    })
                })
                //跳转别的网页

                $(".btnupdate").click(function () {
                    var index = layer.open({
                        type: 2,
                        content: '<%=path%>/supplier/trackingFormRequest',
                        area: ['800px', '400px'],
                        maxmin: true
                    });
                })
                //查看信息
                $(".btndetail").click(function () {
                    layer.open({
                        type: 1,
                        title: '备注详情',
                        closeBtn: 0,
                        shadeClose: true,
                        skin: 'layer-ext-myskin',

                        content: 'nihao'
                    });
                })


            });
        </script>
</body>

</html>
